import React from 'react';
import hoc from './indexhoc';
import QRCode  from 'qrcode-react';
import Css from './index.css';
//使用有状态组件开发底部导航
class footComponent extends React.Component{
    constructor(){
        super();
        this.state={
            qrUrl:'http://weixin.qq.com/r/NnWHnxXE_kiFrVH89yAk',
            logoUrl:require('../../assets/images/commen/gzh.jpg'),
            benUrl:'benefit',
            carUrl:'//cardmall-online.guanaitong.com',
            eapUrl:'eap'
        }
    }
    render(){
        return(
            <div className={Css['main']}>
                <div className={Css['mainCen']}>
                    <div className={Css['mainL']}>
                        <div className={Css['scan']}>
                            <div className={Css['scanCode']}>
                                <QRCode
                                    size={140}
                                    value={this.state.qrUrl}
                                    logo={this.state.logoUrl}
                                    logoWidth={34}
                                    logoHeight={35}
                                />
                            </div>
                            <div className={Css['scanTitle']}>中智关爱通公众号</div>
                        </div>
                        <div className={Css['conent']}>
                            <div className={Css['group']}>
                                <div className={Css['item']}>企业咨询热线</div>
                                <div className={Css['row']}>400-920-6969</div>
                            </div>
                            <div className={Css['group']}>
                                <div className={Css['row']}>员工售后服务热线</div>
                                <div className={Css['row']}>400-888-5818</div>
                            </div>
                        </div>
                    </div>
                    <div className={Css['mainR']}>
                        <div className={Css['group']}>
                            <div className={Css['row']}><i className={'benefits'}></i></div>
                            <div className={Css['row']}>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>弹性福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利平台</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>定制福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利方案</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利规划</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>员工关爱</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利系统</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利积分</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>员工关怀</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利设计</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.benUrl)}>福利发放</div>
                            </div>
                        </div>
                        <div className={Css['group']}>
                            <div className={Css['row']}><i className={'cart'}></i></div>
                            <div className={Css['row']}>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>福利商城</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>福利采购</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>礼品定制</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>实物礼品</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>企业礼品</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>福利套餐</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>员工礼物</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>新年福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>端午福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>妇女节福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>儿童节福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>中秋福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>生日福利</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>高温福利</div>
                            </div>
                        </div>
                        <div className={Css['group']}>
                            <div className={Css['row']}><i className={'heart'}></i></div>
                            <div className={Css['row']}>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.eapUrl)}>EAP</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.eapUrl)}>EAP课程培训</div>
                                <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.eapUrl)}>危机干预</div>
                            </div>
                        </div>
                    </div>
                    <div className={Css['enterprise']}>
                        <div className={Css['enterpriseTitle']}>
                            <div className={Css['enterpriseLogo']}>
                                <i className={'watch'}></i>
                                <div className={Css['enterpriseLogoTitle']}>企业微信服务商</div>
                            </div>
                        </div>
                        <div className={Css['enterpriseLink']}>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,'incentive')}>员工激励</div>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,'workweixn')}>员工福利</div>
                        </div>
                    </div>
                    <div className={Css['enterprise']}>
                        <div className={Css['enterpriseTitle']}>友情链接：</div>
                        <div className={Css['enterpriseLink']}>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,this.state.carUrl)}>在线福利商城</div>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,'//www.guanaitong.com/list-9-1.html')}>人力资源新闻</div>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,'//www.risfond.com/')}>猎头公司</div>
                            <div className={Css['item']} onClick={this.props.onClickGopage.bind(this,'//www.guanaitong.com/list-9-1.html?cat_id_2=89')}>行业资讯</div>
                        </div>
                    </div>
                    <div className={Css['copyright']}>
                        <div className={Css['item']}>中智关爱通（上海）科技股份有限公司版权所有 ｜ </div>
                        <div className={Css['item']}>各商标由其各自所有者持有 ｜ </div>
                        <div className={Css['item']} style={{cursor:'pointer'}} onClick={this.props.onClickGopage.bind(this,'//beian.miit.gov.cn/')}>沪ICP备09008249号</div>
                    </div>
                    <div className={Css['statement']}>
                        <div className={Css['item']} onClick={this.props.onClickShowPopup.bind(this)}>代理商招募 ｜
                            {
                                this.state.bAgent?
                                    <React.Fragment>
                                        <div className={Css['mask']}></div>
                                        <div className={Css['popupCen']}>
                                            <div className={Css['close']} onClick={this.props.onClickHiddenPopup.bind(this)}><i className={'close'}></i></div>
                                            <div className={Css['popupCenTitle']}>代理商招募</div>
                                            <div className={Css['popupBox']}>
                                                <div className={Css['popupGroup']}>
                                                    <div className={Css['popupRow']}>
                                                        有丰富客户资源，且愿意代理关爱通积分/额度/年节产品的请联系：Mickey Wang
                                                    </div>
                                                </div>
                                                <div className={Css['popupGroup']}>
                                                    <div className={Css['popupRow']}>
                                                        <i className={'smallPho'}></i>
                                                        <div className={Css['popupPho']}>电话: 021-3335 2429</div>
                                                    </div>
                                                    <div className={Css['popupRow']}>
                                                        <i className={'mailbox'}></i>
                                                        <div className={Css['popupPho']}>邮箱: mickey.wang@guanaitong.com</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </React.Fragment>
                                    :''
                            }
                        </div>
                        <div className={Css['item']} onClick={this.props.onClickContPopup.bind(this)} >联系我们 ｜
                            {
                                this.state.bConent?
                                    <React.Fragment>
                                        <div className={Css['mask']}></div>
                                        <div className={Css['popupCen']}>
                                            <div className={Css['close']}  onClick={this.props.onClickHiddenPopup.bind(this)}><i className={'close'}></i></div>
                                            <div className={Css['popupCenTitle']}>联系我们</div>
                                            <div className={Css['popupBox']}>
                                                <div className={Css['popupGroup']}>
                                                    <div className={Css['popupRow']+' '+Css['w50']}>
                                                        <i className={'smallPho'}></i>
                                                        <div className={Css['popupPho']}>电话: 021-3335 2429</div>
                                                    </div>
                                                    <div className={Css['popupRow']+' '+Css['w50']}>
                                                        <i className={'mailbox'}></i>
                                                        <div className={Css['popupPho']}>邮箱: mickey.wang@guanaitong.com</div>
                                                    </div>
                                                </div>
                                                <div className={Css['popupGroup']}>
                                                    <div className={Css['popupRow']+' '+Css['w50']}>
                                                        <i className={'collaborate'}></i>
                                                        <div className={Css['popupPho']}>供应商合作: 400 888 5818</div>
                                                    </div>
                                                    <div className={Css['popupRow']+' '+Css['w50']}>
                                                        <i className={'aircraft'}></i>
                                                        <div className={Css['popupPho']}>品牌合作: 136-6173-8345</div>
                                                    </div>
                                                </div>
                                                <div className={Css['popupGroup']}>
                                                    <div className={Css['popupRow']+' '+Css['w100']}>
                                                        <i className={'address'}></i>
                                                        <div className={Css['popupPho']}>地址: 上海市徐汇区宜山路700号12幢1-2层</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </React.Fragment>
                                    :''
                            }
                        </div>
                        <div className={Css['item']}  onClick={this.props.onClickGopage.bind(this,'job')}>加入我们 ｜ </div>
                        <div className={Css['item']} onClick={this.props.onClickPriPopup.bind(this)}>隐私政策 ｜
                            {
                                this.state.bPrivacy?
                                    <React.Fragment>
                                        <div className={Css['mask']}></div>
                                        <div className={Css['popupCen']+' '+Css['popupPrivacybox']}>
                                            <div className={Css['close']} onClick={this.props.onClickHiddenPopup.bind(this)}><i className={'close'}></i></div>
                                            <div className={Css['popupPrivacy']}>
                                                <p>隐私政策</p>
                                                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中智关爱通（“我们”）非常重视您的隐私保护和个人信息安全，将按法律法规要求采取相应的安全措施。本政策阐述了我们在处理通过本网站/APP所收集到的个人信息方面的政策，特别说明的是，<strong>本政策不适用于其他第三方向您收集的个人信息，也不适用于【中智关爱通】已另行独立设置法律声明及隐私权政策的产品或服务。</strong><br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>在使用【中智关爱通】的产品或服务前，请您务必仔细阅读本政策，并在确认充分理解并完全同意后使用相关产品或服务。一旦您开始使用我们的产品或服务，即表示您已充分理解并完全同意本政策。<br />本政策包含以下内容章节：</strong><br /><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1．我们如何收集您的个人信息<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. 我们如何使用您的个人信息<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. 信息的存储和对外提供<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. 信息安全<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5. 您的权利<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6. 未成年人保护<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7. 本政策的修改与更新<br /></strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>1．我们如何收集您的个人信息</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为向您提供便捷、高效的人力资源服务，我们可能通过如下渠道收集您的个人信息：【您本人自愿提供的信息、您通过浏览器及与我们互动时提供的信息、您购买服务或产品完成的交易信息、我们因履行合同通过合法途径获得的必要信息】通过上述渠道收集的信息可能包括：【姓名、性别、出生年月日、证件信息（包括身份证、护照等）、电话号码、邮箱、职位信息、医疗健康、差旅信息、支付信息等】。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请您不要主动提供除接受服务需要提供外的其他个人敏感信息（如种族、宗教、政治立场等），该等信息会有被意外收集的可能性。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>2. 我们如何使用您的个人信息</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们使用您可识别的个人信息仅为完成提供和完成产品服务之目的。除此之外，我们还可能将您的个人信息用于管理和分析，如核算、开列账单、审计、支付确认、客户关系管理等。我们通过技术手段对数据进行去标识化处理后，有权在不透露个人信息的前提下对该等数据进行商业化利用。在上述信息处理活动中，我们将全面遵守各项法律义务。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为提供和完成产品服务之目的，我们可能向以下机构披露或分享您的个人信息：【包括但不限于向中智关爱通提供业务协作的第三方机构、公/检/法等政府机构或其代理机构等】。如我们使用您的个人信息超出了与收集时所声明的目的，我们将在使用前再次向你告知并征得你的明示同意。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>3. 信息的存储和对外提供</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们会按照法律法规规定将在中华人民共和国境内收集的用户个人信息存储于中国境内。我们不会将您的个人信息保留超过为实现处理目的所需的必要时间。除本政策述明的情况和法律法规规定的例外情况外，我们不会向任何第三方出售、或提供任何用户个人信息。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>4. 信息安全</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们建立规范的制度流程、使用各类安全技术保护措施以保障您的个人信息安全。在信息安全方面，我们已达到ISO27001认证标准的要求，并已获得了相应的认证。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>5. 您的权利</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;针对您的个人信息，您可根据适用法律法规享有相应的权利，包括：访问和更正您的个人信息，删除您的个人信息等。您可行使上述权利，但您同时了解，我们可能拥有其他法律依据处理您已经提供的个人信息数据。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>6. 未成年人保护</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们重视对未成年人个人信息的保护，并不试图收集未成年人信息。如有未成年人在未取得其父母或法定监护人同意的情况下向我们提供了个人信息，其父母或法定监护人可与我们联系。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>7. 本政策的修改与更新</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本政策受中华人民共和国法律管辖，如其内容与相关法律规定相抵触，应以法律规定为准。本政策为可分割的，被判决或裁定为无效的内容不影响其他内容的有效性。本政策最后更新于【2018年8月27日】。我们可能会适时对本政策进行修订。届时，我们会在此公布更新的内容以使您随时了解更新情况。</span>
                                            </div>
                                        </div>
                                    </React.Fragment>
                                    :''
                            }
                        </div>

                        <div className={Css['item']} onClick={this.props.onClickStatPopup.bind(this)}>公司声明
                            {

                                this.state.bStatement?
                                    <React.Fragment>
                                        <div className={Css['mask']}></div>
                                        <div className={Css['popupCen']+' '+Css['popupPrivacybox']}>
                                            <div className={Css['close']} onClick={this.props.onClickHiddenPopup.bind(this)}><i className={'close'}></i></div>
                                            <div className={Css['popupPrivacy']}>
                                                <p>声  明</p>尊敬的客户 ：<br />　　感谢您长期以来对中智关爱通（上海）科技股份有限公司（以下称“关爱通”或“本公司”）的支持与信任。近期本公司发现有单位或个人疑似伪造本公司印章，冒用本公司名义提供对外担保函或关联业务函等行为。对前述情况，本公司现特此声明如下：<br />　　截至本声明发布之日以及可预见的未来，本公司未曾且无计划向本公司以外的单位或个人提供任何形式的担保（与业务相关的银行资金证明除外）或关联关系证明，未曾且无计划授权任何单位或个人代表本公司对外提供任何形式的担保（与业务相关的银行资金证明除外）或关联关系证明。对任何冒用本公司名义签署的文件或提供的担保，本公司不承担任何法律责任，且本公司保留追究其法律责任的权利。<br />　敬请客户知晓并注意，为避免不必要的损失，如您/贵单位发现任何单位或个人存在上述冒用本公司名义的行为，请及时与本公司法务部联系。邮箱：law@guanaitong.com，电话：021-33352759。<br />　　感谢您的理解及配合。<br />　　特此声明！<br /><em>中智关爱通（上海）科技股份有限公司<br />2019年 2 月 26 日</em>
                                            </div>
                                        </div>
                                    </React.Fragment>
                                    :''
                            }
                        </div>

                    </div>
                    <div className={Css['authority']}>
                        <div className={Css['item']} onMouseEnter={this.props.onMouseEnter.bind(this,'bOImg')} onMouseLeave={this.props.onMouseLeave.bind(this,'bOImg')} onClick={this.props.onClickGopage.bind(this,'//www.shjbzx.cn/')}><img src={ this.state.bOImg?require('../../assets/images/commen/icp02-1.png'):require('../../assets/images/commen/icp01-1.png')} alt={'asd'}/> </div>

                        <div className={Css['item']} onMouseEnter={this.props.onMouseEnter.bind(this,'bWImg')} onMouseLeave={this.props.onMouseLeave.bind(this,'bWImg')} onClick={this.props.onClickGopage.bind(this,'//ss.knet.cn/verifyseal.dll?sn=e14091631010453903rk3k000000&ct=df&a=1')}><img src={ this.state.bWImg?require('../../assets/images/commen/icp02-2.png'):require('../../assets/images/commen/icp01-2.png')}  alt={'asd'}/> </div>
                        <div className={Css['item']} onMouseEnter={this.props.onMouseEnter.bind(this,'bTImg')} onMouseLeave={this.props.onMouseLeave.bind(this,'bTImg')}  onClick={this.props.onClickGopage.bind(this,'//sh.gsxt.gov.cn/index.html')}><img src={ this.state.bTImg?require('../../assets/images/commen/icp02-3.png'):require('../../assets/images/commen/icp01-3.png')}  alt={'asd'}/> </div>
                    </div>
                </div>
            </div>
        )
    }
}


export default hoc(footComponent)